import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import './newentry.scss';
class Com extends Component {
    render () {
        return (
            <div className='container'>
                <div className="common-header">
                    <div className='logo'>
                    <img src="https://b-gold-cdn.xitu.io/v3/static/img/logo.a7995ad.svg" alt=""></img>
                    </div>
                    <ul className="common-nav">
                    <li>
                        <Link to='/'>首页</Link>
                    </li>
                    <li><Link to='/activities'>动态</Link></li>
                    <li><Link to='/topics'>话题</Link></li>
                    <li><Link to='/xiaoce'>小册</Link></li>
                    <li><Link to='/huodong'>活动</Link></li>
                    </ul>
                    <div className="common-search">
                    <div className='search-from'>
                        <input type="text" placeholder='搜索掘金' />
                        <span className="iconfont icon-sousuo"></span>
                    </div>
                    </div>
                    <div className="douser">
                    <ul>
                        <li>
                        <div className='articlebtn'>
                            <div className='text'>写文章</div>
                            <div className='select'><i className='iconfont icon-jiantou-up-down'></i></div>
                        </div>
                        </li>
                        <li><i className='iconfont icon-lingdang'></i></li>
                        <li><i className='iconfont icon-yonghu'></i></li>
                    </ul>
                    </div>
                </div>
                <div className='navigation'>
                    <ul>
                        <li><a href="/">分享指南</a></li>
                        <li><a href="/">使用Chrome插件分享</a></li>
                    </ul>
                </div>
                <div className='head-title'>
                    分享
                </div>
                <div className='entryform'>
                    <div className='entryform-left'>
                        <input type="text" name="" id="" placeholder="分享网址 https://juejin.im/example"/>
                        <input type="text" name="" id="" placeholder="标题"/>
                        <textarea maxLength="140px" rows="4" placeholder="描述（140字以内）"></textarea>
                        <div className="category-list">
                            <div>分类</div>
                            <ul>
                                <li>Android</li>
                                <li>前端</li>
                                <li>iOS</li>
                                <li>后端</li>
                                <li>设计</li>
                                <li>产品</li>
                                <li>工具资源</li>
                                <li>阅读</li>
                                <li>人工智能</li>
                                <li>运维</li>
                            </ul>
                        </div>
                        <div className='category-title'>
                            <div>标签</div>
                            <input type="text" name="" id="" placeholder='添加一个标签'/>
                        </div>
                        <button>发布</button>
                    </div>
                    <div className='entryform-right'>
                        <div className='pushimg'>点击上传图片</div>
                        <div className="category-list">
                            <div>分类</div>
                            <ul>
                                <li>Android</li>
                                <li>前端</li>
                                <li>iOS</li>
                                <li>后端</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

export default Com;